import Vue from 'vue'
import App from './App.vue'

// 引入移动端布局的插件 rem
// 将当前视口的尺寸除以10的值设置为html标签的font-size的大小(1rem)
import 'amfe-flexible'

// 引入重叠样式表
import '@/assets/css/reset.css'

// 因为全局都需要使用,所以在main.js引入 
import less from 'less'
Vue.use(less)

// 引入vant UI 组件库(全部导入)
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);

// 导入路由实例对象
import router from '@/router'

// 定义全局过滤器
Vue.filter('formatMoney', (val) => {
  if (val) {
    return `￥${val.toFixed(2)}元`
  }
})

// 使用vant 自带的懒加载效果
// import { Lazyload } from 'vant';
// Vue.use(Lazyload);
// // 注册时可以配置额外的选项
// Vue.use(Lazyload, {
//   lazyComponent: true,
//   loading: '@/assets/images/loading.gif'
// });

//使用第三方的懒加载插件也可以实现懒加载
import Lazyload from 'vue-lazyload';
// console.log(1, require('./assets/loading.gif'));
Vue.use(Lazyload, {
  loading: require('./assets/images/loading.gif'),
})


new Vue({
  render: h => h(App),
  router
}).$mount('#app')
